@charset "UTF-8";
/* CSS Document */
.site-head { min-height: 420px; }
button { border: none; padding: 0.6em 1.2em; background: #a9a9a9; color: #fff; font-family: Arial, sans-serif; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 10px; border-radius: 2px; font-weight: 400; outline: none; }
button { font-size: 75%; background: none; border: 1px #fff solid; }
button:hover, button:active { background: rgba(0,0,0,0.2); }
/*add p2*/
.perspective { width: 100%; height: 100%; }
.perspective { background: #aaa; position: relative; }
.container { background: #fff; min-height: 100%; position: relative; outline: 1px solid rgba(0, 0, 0, 0); z-index: 10; -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); /* reset transforms (Chrome bug) */ transform: translateZ(0) translateX(0) rotateY(0deg); }
.container::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0px; opacity: 0; background: rgba(0, 0, 0, 0.2);  /* the transition delay of the height needs to be synced with the container transition time */ -webkit-transition: opacity 0.4s, height 0s 0.4s; transition: opacity 0.4s, height 0s 0.4s; }
.wrapper { position: relative; }
.component { margin: 0 auto; width: 60%; text-align: justify; font-size: 1.5em; }
/* Modal view */
.perspective.modalview { position: fixed; -webkit-perspective: 1000px; perspective: 1000px; }
.modalview .container { position: absolute; overflow: hidden; width: 100%; height: 100%; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.modalview .wrapper { -webkit-transform: translateZ(-1px); /* solves a rendering bug in Chrome on Windows */ }
.animate .container::after { opacity: 1; height: 101%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
/* Outer Nav */
.outer-nav { position: absolute; height: auto; font-size: 2em; }
.outer-nav.vertical { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.outer-nav.horizontal { left: 50%; width: 75%; max-width: 900px; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.outer-nav.left { left: 25%; }
.outer-nav.right { right: 25%; }
.outer-nav.top { top: 25%; }
.outer-nav.bottom { bottom: 25%; }
.outer-nav a { display: inline-block; white-space: nowrap; font-weight: 300; margin: 0 0 30px 0; color: #fff;
   -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.outer-nav a:hover { color: #ffdccd; }
.outer-nav.vertical a { display: block; }
.outer-nav.horizontal a { margin: 15px 20px; }
.outer-nav a::before {
  display: inline-block;
  font-family: 'icons'; speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.outer-nav a span{  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'Droid Sans Fallback', sans-serif;  font-weight: 300; }

.icon-news::before { content: "\e606" }
.icon-home::before { content: "\e601" }
.icon-image::before { content: "\e602" }
.icon-wiki::before { content: "\e607" }
.icon-mail::before { content: "\e605" }
.icon-lock::before { content: "\e60e" }
.icon-chart-pie::before { content: "\e612" }
/* Effect Move Down */
.effect-movedown { background: #34495e; }
.effect-movedown .container { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.effect-movedown .container::after { background: rgba(52, 73, 94, 0.5); }
.effect-movedown.animate .container { -webkit-transform: translateY(100%) translateZ(-1500px); transform: translateY(100%) translateZ(-1500px); }
.no-csstransforms3d .effect-movedown.animate .container { top: 75%; }
.effect-movedown .outer-nav a { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; }
.effect-movedown .outer-nav a:hover { color: #fbb44f; }
.effect-movedown.animate .outer-nav a { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.effect-movedown.animate .outer-nav a:nth-child(2) { -webkit-transition-delay: 0.04s; transition-delay: 0.04s; }
.effect-movedown.animate .outer-nav a:nth-child(3) { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; }
.effect-movedown.animate .outer-nav a:nth-child(4) { -webkit-transition-delay: 0.12s; transition-delay: 0.12s; }
.effect-movedown.animate .outer-nav a:nth-child(5) { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; }
.effect-movedown.animate .outer-nav a:nth-child(6) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.effect-movedown.animate .outer-nav a:nth-child(7) { -webkit-transition-delay: 0.24s; transition-delay: 0.24s; }

/* Media Queries */
@media screen and (max-width: 77em) {
.outer-nav.top { top: 15%; }
.outer-nav.bottom { bottom: 15%; }
}

@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {
.outer-nav.top { top: 5%; }
.outer-nav.bottom { bottom: 5%; }
.outer-nav.horizontal { font-size: 1.7em; width: 6.2em; }
.outer-nav.horizontal a { display: block; text-align: left; }/* Special Case */
.effect-rotatetop .outer-nav.horizontal { width: 95%; bottom: auto; top: 50%; }
.effect-rotatetop .outer-nav.horizontal a { display: inline-block; }
}

@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
.outer-nav.horizontal, .outer-nav.vertical { font-size: 1.2em; width: 6.8em; }
.outer-nav.right { right: auto; left: 50%; }
}

@media screen and (max-height: 31.6em) {
.outer-nav a { margin-bottom: 20px; }
}
/*fonticons*/
[class^="icon-"], [class*=" icon-"] { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-Favorites:before { content: "\e600"; }.icon-logo:before { content: "\e608"; }
.icon-newspaper:before { content: "\e609"; }.icon-dice:before { content: "\e60a"; }
.icon-pacman:before { content: "\e60b"; }.icon-book:before { content: "\e60c"; }
.icon-paste:before { content: "\e60d"; }.icon-qrcode:before { content: "\e603"; }.icon-calculate:before { content: "\e60e"; }
.icon-address-book:before { content: "\e604"; }.icon-notebook:before { content: "\e60f"; }.icon-users:before { content: "\e610"; }.icon-binoculars:before { content: "\e611"; }.icon-pie:before { content: "\e612"; }
.icon-food:before { content: "\e613"; }.icon-earth:before { content: "\e614"; }.icon-link:before { content: "\e615"; }.icon-flag:before { content: "\e616"; }.icon-attachment:before { content: "\e617"; }
.icon-eye:before { content: "\e618"; }.icon-eye-blocked:before { content: "\e619"; }
.icon-eye2:before { content: "\e61a"; }
.icon-bookmarks:before { content: "\e61b"; }
.icon-star:before { content: "\e61c"; }
.icon-heart:before { content: "\e61d"; }
.icon-heart-broken:before { content: "\e61e"; }
.icon-happy:before { content: "\e61f"; }
.icon-smiley:before { content: "\e620"; }
.icon-tongue:before { content: "\e621"; }
.icon-sad:before { content: "\e622"; }
.icon-wink:before { content: "\e623"; }
.icon-grin:before { content: "\e624"; }
.icon-cool:before { content: "\e625"; }
.icon-angry:before { content: "\e626"; }
.icon-evil:before { content: "\e627"; }
.icon-shocked:before { content: "\e628"; }
.icon-crop:before { content: "\e629"; }
.icon-scissors:before { content: "\e62a"; }
.icon-console:before { content: "\e62b"; }
.icon-googleplus:before { content: "\e62c"; }
.icon-googleplus2:before { content: "\e62d"; }
.icon-google-drive:before { content: "\e62e"; }
.icon-facebook:before { content: "\e62f"; }
.icon-twitter:before { content: "\e630"; }
.icon-feed:before { content: "\e631"; }
.icon-vimeo2:before { content: "\e632"; }
.icon-flickr:before { content: "\e633"; }
.icon-picassa:before { content: "\e634"; }
.icon-dribbble:before { content: "\e635"; }
.icon-github:before { content: "\e636"; }
.icon-apple:before { content: "\e637"; }
.icon-android:before { content: "\e638"; }
.icon-file-pdf:before { content: "\e639"; }
.icon-file-openoffice:before { content: "\e63a"; }
.icon-file-word:before { content: "\e63b"; }
.icon-file-excel:before { content: "\e63c"; }
.icon-file-zip:before { content: "\e63d"; }
.icon-file-powerpoint:before { content: "\e63e"; }
.icon-file-xml:before { content: "\e63f"; }
.icon-file-css:before { content: "\e640"; }
.icon-html5:before { content: "\e641"; }
.icon-html52:before { content: "\e642"; }
.icon-css3:before { content: "\e643"; }
.icon-chrome:before { content: "\e644"; }
.icon-firefox:before { content: "\e645"; }
.icon-IE:before { content: "\e646"; }
.icon-opera:before { content: "\e647"; }
.icon-safari:before { content: "\e648"; }
.icon-IcoMoon:before { content: "\e649"; }
.icon-new:before { content: "\e64a"; }
.icon-language:before { content: "\e64b"; }
.icon-cc:before { content: "\e64c"; }
.icon-cc-by:before { content: "\e64d"; }
.icon-cc-nc:before { content: "\e64e"; }
.icon-cc-nc-eu:before { content: "\e64f"; }
.icon-cc-nc-jp:before { content: "\e650"; }
.icon-cc-sa:before { content: "\e651"; }
.icon-cc-nd:before { content: "\e652"; }
.icon-cc-pd:before { content: "\e653"; }
.icon-flickr2:before { content: "\e654"; }
.icon-vimeo:before { content: "\e655"; }
.icon-twitter2:before { content: "\e656"; }
.icon-facebook2:before { content: "\e657"; }
.icon-googleplus3:before { content: "\e658"; }
.icon-tumblr:before { content: "\e659"; }
.icon-dribbble2:before { content: "\e65a"; }
.icon-stumbleupon:before { content: "\e65b"; }
.icon-rdio:before { content: "\e65c"; }
.icon-spotify:before { content: "\e65d"; }
.icon-qq:before { content: "\e65e"; }
.icon-instagram:before { content: "\e65f"; }
.icon-dropbox:before { content: "\e660"; }
.icon-evernote:before { content: "\e661"; }
.icon-flattr:before { content: "\e662"; }
.icon-skype:before { content: "\e663"; }
.icon-skype2:before { content: "\e664"; }
.icon-renren:before { content: "\e665"; }
.icon-sina-weibo:before { content: "\e666"; }
.icon-picasa:before { content: "\e667"; }
.icon-behance:before { content: "\e668"; }
.icon-circles:before { content: "\e669"; }
.icon-vk:before { content: "\e66a"; }
.icon-smashing:before { content: "\e66b"; }

.fs0 {
	font-size: 16px;
}
.fs1 {
	font-size: 32px;
}
.fs2 {
	font-size: 32px;
}
.fs3 {
	font-size: 20px;
}
